html,
body {
	height: 100%;
}

.rightorder {
	width: 100%;
	background-color: #EEEEEE;
	padding-bottom: 0.5rem;
}

.rightorder_head {
	background-color: #FFBC3C;
	height: 3.5rem;
	color: #FFFFFF;
}

.rightorder_head>:first-child {
	width: 2.5rem;
	height: 100%;
	background-image: url(../../public/img/icon1.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: -11.5rem;
}


/*内容头部*/

.rightorder_top {
	background-color: #FFFFFF;
	text-align: center;
}

.rightorder_top>:first-child {
	width: 6rem;
	height: 6rem;
	position: relative;
	top: -2.5rem;
	left: 50%;
	margin-left: -3rem;
}

.rightorder_top>:first-child>img {
	border-radius: 3rem;
	width: 100%;
}

.rightorder_top>h3 {
	margin-top: -1.5rem;
	font-size: 1.5rem;
}

.rightorder_top>:last-child {
	color: #A1A1A1;
	padding-bottom: 1rem;
}


/*详情列表*/

.rightorder_list {
	padding: 0rem 1rem;
	background-color: #FFFFFF;
	margin-top: 0.5rem;
}

.rightorder_list_title {
	border-bottom: 1px solid #F7F7F7;
	display: -webkit-box;
	-webkit-box-align: center;
}

.rightorder_list_title>div {
	display: -webkit-box;
	height: 3rem;
	line-height: 3rem;
	background-color: #FFFFFF;
}

.rightorder_list_title>:last-child {
	width: 2rem;
	height: 2rem;
	background-image: url(../../public/img/icon3.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: -11.8rem;
}

.rightorder_list_title>:first-child {
	-webkit-box-flex: 1;
	-webkit-box-align: center;
}

.rightorder_list_title>:first-child>img {
	border-radius: 3px;
	width: 2rem;
	height: 2rem;
	display: block;
}

.rightorder_list_title>:first-child>div {
	color: #333333;
	font-size:1.3rem;
	height: 2rem;
	line-height: 2rem;
}

.rightorder_list_item {
	font-size: 1.1rem;
	color: #6E6E6E;
	border-bottom: 1px solid #F7F7F7;
	display: -webkit-box;
	height: 3rem;
	line-height: 3rem;
}
.rightorder_list_item>:first-child{
	width: 70%;
}
.rightorder_list_item>:last-child{
	width: 30%;
	text-align: right;
	display: -webkit-box;
}
.rightorder_list_item>:last-child>div{
	-webkit-box-flex: 1;
}
.rightorder_list_price{
	font-size: 1.1rem;
	border-bottom: 1px solid #F7F7F7;
	height: 3rem;
	line-height: 3rem;
	color: #FB6B23;
	display: -webkit-box;
}
.rightorder_list_price>:first-child{
	-webkit-box-flex: 1;
}
.rightorder_list_price>:last-child{
	-webkit-box-flex: 1;
	text-align: right;
}
/*配送信息*/
.rightorder_sendinfo{
	padding: 0rem 1rem;
	background-color: #FFFFFF;
	margin-top: 0.5rem;
}
.rightorder_sendinfo_title{
	line-height: 3rem;
	height: 3rem;
	color: #333333;
	font-size: 1.3rem;
	border-bottom: 1px solid #F7F7F7;
}
.rightorder_sendinfo_content{
	font-size: 1.1rem;
	color: #6E6E6E;
}
.rightorder_sendinfo_content>div{
	border-bottom: 1px solid #F7F7F7;
	display: -webkit-box;
}
.rightorder_sendinfo_content>:first-child,
.rightorder_sendinfo_content>:last-child{
	height: 3rem;
	line-height: 3rem;
}
.userinfo>div{
	height: 1.5rem;
	line-height: 1.5rem;
}
/*支付信息*/
.rightorder_orderinfo{
	padding: 0rem 1rem;
	background-color: #FFFFFF;
	margin-top: 0.5rem;
}
.rightorder_orderinfo_title{
	line-height: 3rem;
	height: 3rem;
	color: #333333;
	font-size: 1.3rem;
	border-bottom: 1px solid #F7F7F7;
}
.rightorder_orderinfo_content>div{
	border-bottom: 1px solid #F7F7F7;
	font-size: 1.1rem;
	color: #6E6E6E;
	display: -webkit-box;
	height: 3rem;
	line-height: 3rem;
}
